<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>优惠详情</title>
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="__PUBLIC__/Css/my.css" rel="stylesheet">

    <script src="__PUBLIC__/Js/my.js"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <include file="Public:top" title="{$news.0.column}" />
    <!--topbar ends here-->
    <div class="row discount-detail">
        <div class="row" align="center">{$news.0.title}</div>
        <div class="row" align="center">
            {$news.0.publishertime}
        </div>

        <div class="row" style="margin-bottom: 10px;">
            <div class="col-xs-12 col-md-12 col-lg-12 col-sm-12">
                <div id="myCarousel" class="carousel slide">
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner">
                        <div class="item active" onclick="onClick('img')">
                            <img src="{$news.0.homepage}" alt="云浮汽车站图片" class="carousel-img">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row" style="margin-bottom: 20px;margin-top: 20px;padding: 0px 10px 0px 10px;font-size: medium;">
            {$news.0.content}
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function(){
        //轮播设置
        $("#myCarousel").carousel({
            interval: 3000
        });
        $("#myCarousel").carousel('cycle');
    });
</script>
</body>
</html>